export const FOUNDATION_SAMPLE_FORM_LAYOUT = {
    foundationSelect: {
        element: {
            label: "text-right middle font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    foundationRadioGroup: {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    foundationInput: {
        element: {
            label: "text-right middle font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            errors: "small-9 small-offset-3 cell",
            label: "small-3 cell"
        }
    },

    foundationCheckboxGroup: {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    foundationSwitch: {
        element: {
            control: "small",
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    foundationTextArea: {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            errors: "small-9 small-offset-3 cell",
            label: "small-3 cell"
        }
    },

    foundationCheckbox: {
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-offset-3 small-9 cell"
        }
    },

    foundationFormArray: {
        element: {
            container: "form-array",
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            group: "grid-x grid-padding-x",
            label: "small-3 cell"
        }
    },

    foundationFormArrayGroupInput: {
        grid: {
            host: "small-7 cell"
        }
    }
};
